/**
 * Created by DuHuiling on 2017/4/21.
 */

var Steps = React.createClass({
    getDefaultProps:function(){
        return{
            data:{
                list:[]
            }
        }
    },
    render:function(){
        var list = this.props.data.list;
        return(
            <ul>
                {list.length > 0 ?
                    list.map(function(item,index){
                        return (
                            <li>
                                <p className={"bg"+(index+1)}></p>
                                <a href={item.Address?item.Address:"javascript:void(0)"} target="_blank" style={item.Address?{cursor:'pointer'}:{cursor:'text'}}>{item.Title}</a>
                                {item.Description}
                                {index < list.length - 1 ?
                                    <i></i> : ""
                                }
                            </li>
                        )
                    }) : ""
                }
            </ul>
        )
    }
});
module.exports = Steps;